<!--借条签署成功  -->
<template>
  <view class="app-page signSuccess">
    <view class="content">
      <image mode="scaleToFill" src="@/static/images/success.png" class="img" />
      <view class="title"> 借条签署成功 </view>
      <view class="tip"> 你可在「签鸽」小程序中查看借条 </view>
    </view>
    <ant-button class="btn" type="primary" @click="handleView"
      >查看借条</ant-button
    >
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      contractId: "",
    };
  },
  onLoad() {
    uni.hideShareMenu();
    const { contractId } = query;
    this.contractId = contractId;
  },
  methods: {
    handleView() {
      uni.redirectTo({
        url: `/pages/fileState/fileState?contractId=${this.contractId}`,
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.signSuccess {
  .content {
    padding: 64rpx 0;
    margin-bottom: 40rpx;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .img {
      width: 128rpx;
      height: 128rpx;
      background: #ffffff;
    }

    .title {
      height: 50rpx;
      font-size: 36rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 50rpx;
      margin-bottom: 16rpx;
      margin-top: 40rpx;
    }

    .tip {
      font-size: 26rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 37rpx;
    }
  }

  .btn {
    width: 702rpx;
    height: 98rpx;
    margin-left: 24rpx;
  }
}
</style>
